<div th:fragment="html">
    <div class="row">
        <nav aria-label="Page navigation example">
            <ul class="pagination">
                <li class="page-item">
                    <a class="page-link" @click="jump(1)">首页</a>
                </li>
                <li v-bind:class="select_page_num==1 ? 'page-item disabled' : 'page-item'">
                    <a class="page-link" tabindex="-1" aria-disabled="true"  @click="jump(select_page_num-1)" >上一页</a>
                </li>
                <template v-for="n in page_num">
                    <li v-if="(n==1)||(n==page_num)||(n>select_page_num-10&&n<select_page_num+10)"  v-bind:class="select_page_num==n ? 'page-item active' : 'page-item'">
                        <a class="page-link" @click="jump(n)">{{n}}</a>
                    </li>
                </template>
                <li v-bind:class="select_page_num==page_num ? 'page-item disabled' : 'page-item'">
                    <a class="page-link" @click="jump(select_page_num+1)">下一页</a>
                </li>
                <li class="page-item">
                    <a class="page-link" @click="jump(page_num)">末页</a>
                </li>
            </ul>
        </nav>
    </div>
</div>